<!doctype html>
<html lang="en">
<head>

<?php include './inc/css.html'; ?>

<style type="text/css">
.trainroom{

}
.trainroom .trainroom-img{
    height:2rem;
    width:100%;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;

}

.trainroom .trainroom-img .fav{

    position: absolute;
    right:.1rem;
    z-index: 2;
    font-size: .3rem;
}

.trainroom .trainroom-info{
    padding:0 .1rem;
    line-height: 1.2;
}
.trainroom .trainroom-info p{
    text-indent: .2rem;
}

</style>

</head>
<body>

<?php include './inc/pagetitle.html'; ?>
<div class="wrap">

<div class="trainroom">
    <!-- 实验室封面图 -->
    <div class="trainroom-img _bg_light" style="background-image:url(./../assets/img/trainroom.jpg)">
        <span class="fav dn tran3 ion-ios-heart-outline"></span>
    </div>

    <!-- 实验室信息 -->
    <div class="trainroom-info">
        <div class="sectionheader tc">
            <div class="sectiontitle">实验室标题</div>
            <div class="sectionsubtitle _text_secondary ">实验室简介描述</div>
        </div>
        <div class="line1"></div>
        <p class="_text_secondary tj">
           实验室详细介绍，实验室详细介绍，实验室详细介绍， 
           实验室详细介绍，实验室详细介绍，实验室详细介绍， 
           实验室详细介绍，实验室详细介绍，实验室详细介绍， 
           实验室详细介绍，实验室详细介绍，实验室详细介绍， 
        </p>
    </div>

</div>
<!-- Start 实验室设备列表-->
<div class="line1"></div>

<ul class="list simplelist list-group">
<?php for ($i=1 ;$i<6;$i++) { ?>
  <li class="list-group-item oneline">
    <a href="./equ_detail.php">
        <span><?php echo $i; ?></span>&nbsp;&nbsp; <span class="ion-steam"></span> 
        <span class="oneline"><?php echo $i.'设备名称'; ?></span>
    </a>
  </li>
<?php } ?>
</ul>
<!-- End 实验室设备列表-->


<!--底部-->
<div class="listbottom tc op6">我是有底线的~</div>
 
</div>   

<!-- <?php include './inc/nav.html'; ?> -->

</body>

<?php include './inc/js.html'; ?>
<script type="text/javascript">
$(document).ready(function(){

    $('.pageback').data('url','./trainroom.php');


})

</script>
</html>